<!-- 
<div class="footer1">
  <div class="footer1-main">
  <div routerLink="/tabs/dongtai">
      <img src="assets/images/dongtai.png" alt="动态" style="width: 0.19rem">
      <p>动态</p>
  </div>
  <div routerLink="/tabs/shiwu">
      <img src="assets/images/shipu.png" alt="食谱" style="width: 0.17rem">
      <p>食谱</p>
  </div>
  <div routerLink="/tabs/changshi">
      <img src="assets/images/zhishizhongxin.png" alt="常识" style="width: 0.14rem">
      <p>常识</p>
  </div>
  <div routerLink="/tabs/person">
      <img src="assets/images/wode.png" alt="我的" style="width: 0.2rem">
      <p>我的</p>
  </div>
  </div>
</div> -->
<ion-tabs>

  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="dongtai">
      <ion-icon name="triangle" class="footer1-main"></ion-icon>
      <ion-label class="footer1-mainp">动态</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="shiwu">
      <ion-icon name="ellipse" class="footer1-main"></ion-icon>
      <ion-label class="footer1-mainp">食物</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="changshi">
      <ion-icon name="square" class="footer1-main"></ion-icon>
      <ion-label class="footer1-mainp">常识</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="person">
      <ion-icon name="ellipse" class="footer1-main"></ion-icon>
      <ion-label class="footer1-mainp">个人</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>
